-Метк?/strong>

2ipstartguard 8 март?/a> firefox html mail.ru mp3 registry life startup delayer windows windows 10 windows 7 µtorrent автозагрузка активированный угол?/a> амурский тигр басня болезн?по рука?/a> браузе?/a> виде??firefox виде?рамк?/a> вино вс?пр?картинки вставить чужу?рамк?/a> гипертон? группово?переименование файлов делаем рамк?/a> диан?анкудинова диет?/a> доктор сапего домашние хитрости индексац? интернет картинки ?????столби?/a> кинокомедия клавиатура компьюте?/a> компьютерн? безопасность компьютерн? шпаргалк?/a> контекстно?меню красот?/a> кулинарные рецепт?/a> лечени?фольго?/a> лирика медицина медицински?советы молитв?/a> музыка музыка любв?/a> музыка ретр?/a> музыкальная открытка налоговая реформ?/a> новы?го?/a> общество оказание первой помощи пасх?/a> плее?/a> плее?на картинке плееры - линеечки плееры-кнопки плейкаст плейлист превью развернуть картинку рамк?детская рамк?для музыки рамк?здоровье рамк?для постов религиозны?рамк?/a> рецепт?/a> родительский контроль ? копылова самопомощь своими руками серебряны?мостик?/a> скай?/a> скачат?музыку смартфон советы ?сников?/a> создание му? открытки создат?музыку сохранит?дневни?на компьюте?/a> сухарики счасть?/a> текс?на картинку телефо?/a> тест?слоёно?/a> узнать оператор?/a> учим? делать рамк?/a> флеш фотошопинг шампун?/a> шриф?/a> экспор?дневника электроэнерг? юмор яндек?/a>

 -Подписка по e-mail

 


Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"

Воскресень? 17 Апре? 2016 ? 21:00 + ?цитатник


Рамк??картинко?сверху












ЗАГОЛОВО?/font>


ТЕКС?br />
Bloginja



?предыдущих уроках для создание рамк?мы использовали те?table ?ег?стилевые значен?. Но здес?мы ег?замени? Вместо table буде?использовать элемен?div.


Открывае?просто?редактор ?начинаем писать:



<div style= >
открывае?кавычк?
<div style=" > ?начинаем вписыват?атрибуты стиля.


На?нуже?фо?(background-color ), ег?размер (width), отступ ( padding) от предыдущег?фона ил?текста... Вставляем ?закрывае?кавычк?
<div style=" background-color:#FF3016; width:400px; padding: 6px;">


Один слой фона ?на?гото? Ег?можн?использовать ка?фо?для постов.
Осталось поставит?закрывающи?те?</div>.
Получи?ко?сл?:
1 част?<div style=" background-color:#FF3016; width:400px; padding: 6px;" >
СОДЕРЖАНИЕ
2 част?</div>



СОДЕРЖАНИЕ



Теперь можн?повторит?каждую част?кода, изме?я цвет фона ?отступ, ?получить рамк??нескольк?слоё?
Важн? Ширину ?последующи?частя?кода лучш?удалит? остави?только ?первом!
Лучш?- не значит обязательно. ?этих рамках можн?пр?вить разные фантазии.


<div style=" background-color:#FF3016; width:400px; padding: 6px;"><div style=" background-color:#089800; padding: 7px;"><div style=" background-color:#fffff0; padding: 15px;">
СОДЕРЖАНИЕ
</div> </div> </div>



СОДЕРЖАНИЕ



Теперь мы буде?ставит?картинку сверху этой рамк?слев?ил?справа

Ко?этой картинки тако?
<img src="https://img0.liveinternet.ru/images/attach/d/4/159/869/159869352_159367824_4_400h169.png" width="400" height="169" />



Мы буде?ставит?её по правом?краю, встави??ко?атрибу?выравниван? align="right"


Поставим этот ко?пере?начало?кода рамк?
<img src="https://img0.liveinternet.ru/images/attach/d/4/159/869/159869352_159367824_4_400h169.png" width="400" height="169" align="right" /><br /> <div style=" background-color:#FF3016; width:400px; padding: 6px;"><div style=" background-color:#089800; padding: 7px;"><div style=" background-color:#fffff0; padding: 15px;"><br /> СОДЕРЖАНИЕ<br /> </div> </div> </div>


Чтоб?картинка не уходил??сторон?, нужн?вставить на?готовы?ко??рамк?бе?фона ?поставит?её по центру, ?? пише??само?начало кода
<div align="center">
<table border="0"><tbody><tr><td style="padding: 0px;" width="400">
??самы?коне?пише?закрывающи?теги
</td></tr></tbody></table> </div>


Ко?наше?рамк?буде?выглядеть та?
<div align="center"><br /> <table border="0"><tbody><tr><td style="padding: 0px;" width="400"><br /> <img src="https://img0.liveinternet.ru/images/attach/d/4/159/869/159869352_159367824_4_400h169.png" width="400" height="169" align="right" /><br /> <div style=" background-color:#FF3016; width:400px; padding: 6px;"><div style=" background-color:#089800; padding: 7px;"><div style=" background-color:#fffff0; padding: 15px;"><br /> СОДЕРЖАНИЕ<br /> </div> </div> </div><br /> </td></tr></tbody></table> </div>




Если картинка становит? слишко?низк? поднять её можн?тего?<br> (перехо?на другую строку), установи?ег?посл?кода картинки. ?поставил?тр?тега.


Ещё`нужн?установить атрибуты текста
<center><font size="3" color="8b4513" face="verdana">ТЕКС?lt;/font></center>
center - по центру
size - размер шрифта
color - цвет шрифта
face - гарнитур?шрифта


Вс? рамк?готова. Её ко?




?та?он?буде?выглядеть







ТЕКС?/font>




Урок 1
Урок 2
Урок 3

bloginja

Серия сообщени?"рамк?/a>":
Част?1 - Плейкаст "Дв?голу?"
Част?2 - Душевн? музыка. Светлана Копылова.
...
Част?7 - Учим? делать рамк?/a>
Част?8 - Учим? делать рамк? Урок 2.
Част?9 - Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"
Част?10 - Анимашки
Част?11 - Рамк?"Светло?пасх?quot;
...
Част?20 - Рамк?"?Новы?годо?quot;. Поздравля?от души.
Част?21 - Рамк?для вашего пост?/a>
Част?22 - Календар?на любо?го?/a>

Серия сообщени?"Па?тк?для Лиру":
Част?1 - Ка?узнать цветовой HTML ко?
Част?2 - Бегущая строка из картинок ил?текста
...
Част?9 - Учим? делать рамк?/a>
Част?10 - Учим? делать рамк? Урок 2.
Част?11 - Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"
Част?12 - Читать закрытые записи
Част?13 - Скачат?виде??Лиру.
...
Част?15 - Вставить чужу?рамк?себе ?пост
Част?16 - Плееры для Лиру
Част?17 - Развернуть картинку прямо на странице пост?/a>

Серия сообщени?"Урок?/a>":
Част?1 - Ка?узнать цветовой HTML ко?
Част?2 - Бегущая строка из картинок ил?текста
...
Част?10 - Гд?найт?ссылки МР3 (2)
Част?11 - Учим? делать рамк? Урок 2.
Част?12 - Учим? делать рамк? Урок 3 "Рамк??картинко?сверху"
Част?13 - Скачат?виде??Лиру.
Част?14 - Вставляем музыкальны?плее?(?не только) ?определённое мест?/a>
...
Част?17 - Плееры для Лиру
Част?18 - Урок по созданию музыкально?открытки
Част?19 - Развернуть картинку прямо на странице пост?/a>

Метк? 90 ра?/a>
Понравилос? 65 пользовате??/i>

Перейт??дневнику

Воскресень? 17 Апре? 2016 ? 21:20ссылка
Отвыкл?писать урок? то чт?нибудь забуду, то чт?нибудь не то напишу. ?обще? мног?времен?уходит. Каждый ра?дума? чт?эт?последни?ра? Но отказать не могу, пишу.
Перейт??дневнику

Понедельни? 18 Апре? 2016 ? 07:04ссылка
?на каку?тему, хотелось бы знат? урок? Може?конкретное чт?то нужн?

Понедельни? 18 Апре? 2016 ? 19:03ссылка
Если честно, я ?не знаю, ?во?прочитал?..вижу, чт?эт?осил? ??удовольствие?цитиру?..?большо?спасиб?за таки?доступны?для на?урок? Теги уж?освоил??не забуду, теперь бы ?третьи?уроком разобраться. ?ва?жела?здоров?, спокойствия ?УДАЧ??творчестве! ?мы буде?ждат??нетерпение?ваши?новы?постов.

Вторни? 19 Апре? 2016 ? 11:22ссылка













Юл?, СПАСИБ? Целы?вече?вчер?училас? Та?здоров?))
Эт?цвет?тебе!
Правда травка не стал?куда надо...но если долг?мучить?, чт?нибудь получится

Вторни? 19 Апре? 2016 ? 15:00ссылка
Во?здоров? Молоде? ?картинка не встала, та?ка?ты забыла вставить ?ко?картинки выравнивание align="right" ил? align="left"

Вторни? 19 Апре? 2016 ? 18:15ссылка


Юлечка, я на 10 небе...?та?давн?мечтал?научит? делать таки?рамочк? ?? фотошо?освоит?мн?трудновато, ?здес?такая находк? Благодар?Смайлики танцую?для те?!

Вторни? 19 Апре? 2016 ? 18:46ссылка
Ка?я те? понима? Мн?само?очен?нравит? делать разные рамк? я только не выстав??их здес? но дела?пост?нн?
iro4kan   обратить? по имен?/a> Воскресень? 17 Апре? 2016 ? 22:19 (ссылка)
Пожалу??те? лучшие урок?по рамкам, ты застав?еш?думать ?понимать- та?горазд?правильней)) вопрос- ты написала чт?поднимае?тего?..
, ?каки?тего?опускаем? ?чт?дает этот же те? но во?та?.. ... ??че?отличи?
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Понедельни? 18 Апре? 2016 ? 06:56ссылка
Те?br позволяет на?пропустить строку ?перейт?на нову? например ?тексте, ?то?мест? гд?он находится. Закрывающи?те?не требуется.
?данном случае основной рамкой являет? прозрачн? рамк??вс? чт?мы прписываем дальше, становит? ?не? Постав?1 вместо 0 ?table border ?увидиш?её. ?когд?мы прописывае?перехо?на следующу?строку, картинка поднимается ?пределах этой рамк? Ка?то та?..
Если хочется поставит?картинку вниз, прочти здес?









Чтоб?картинку поставит??ни? нужн?её прописат?посл?текста. Попробуй скопироват?ко?картинки вместе со всем?br ?вставить ег?посл?всех атрибуто?текста.
Вообще не бойся эксперементировать ?кодо? Главно? сохран?начальны?ко? чтоб?если чт?вернут??первоначальный ви?






LudmelaRU   обратить? по имен?/a> Воскресень? 17 Апре? 2016 ? 22:35 (ссылка)
Юленьк? спасиб?дорогая! ?главно?не бросай писать, ?те? вс?та?по?тн??легк?..)) правда приходит? попыхтет??слав?Богу мозгам?пошевелить.
Благ?тебе!!!
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Понедельни? 18 Апре? 2016 ? 07:00ссылка
?бы ещ?посоветовала именно писать вс?теги ?прочее, ?не копировать ?вставлять. Эт?горазд?лучш?даёт понимани??прочне?закреп?ет знание.
Удач?

Понедельни? 18 Апре? 2016 ? 07:37ссылка
Наст?щая Учительниц?!!!!!!! Спасиб?
Maksimych   обратить? по имен?/a> Понедельни? 18 Апре? 2016 ? 05:34 (ссылка)
Спасиб? Юленьк? Спасиб? тружениц? Урок?твои по?тн??прекрасн? Удач?тебе ?творчестве на благ?на?„чайникам”!
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Понедельни? 18 Апре? 2016 ? 07:02ссылка
Ой, спасибочки, Виктор! Стольк?хороши?слов... прямо праздник како?то.
Lina_SN   обратить? по имен?/a> Понедельни? 18 Апре? 2016 ? 12:35 (ссылка)
Спасиб?большо?!! Очен?понравилос?!! Цитиру??благодарностью!!!
Ответить ?цитато?/a> ?цитатник
Ирина_Ченская   обратить? по имен?/a> Вторни? 19 Апре? 2016 ? 10:42 (ссылка)
?мало помалу разобралас???? ка?делать рамк? но во?та?пока не умею, ?хочется уж??ка?то по другом?рамочк?делать)) Спасиб?большо?за урок, жд?следующи?)
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Вторни? 19 Апре? 2016 ? 15:01ссылка
Попробуй, тебе понравит?. Удач?
Юля_Брагин?/a>   обратить? по имен?/a> Вторни? 19 Апре? 2016 ? 13:53 (ссылка)
Юленьк?спасиб?за классные урок? ?во?первый урок я ка?то пропустила, не подскажешь гд?искать
Ответить ?цитато?/a> ?цитатник
Millena-Li   обратить? по имен?/a> Вторни? 19 Апре? 2016 ? 22:00 (ссылка)
Спасиб?за урок
Юленьк? ?ме? тако?ощущение, чт?мы ?вами, когд?то ?мире дружил?)))
?Софи-Катрин, если помнит?)))))
?ва?та?ещ?свои урок?были по открытка??коллажам
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Сред? 20 Апре? 2016 ? 07:38ссылка
Возможно. ?честно не помн?всех - очен?мног?было. Но по старым аватарка?узна? ?здес?почт??всех ил?новы?аватарки, ил?новы?ники. Та?чт?буде?знакомиться по-ново?
Liudmila_Sceglova   обратить? по имен?/a> Понедельни? 25 Апре? 2016 ? 21:44 (ссылка)
Приветик, солнышко!Спасиб?Удачно?недели ?прекрасног?настроен?!
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Вторни? 26 Апре? 2016 ? 10:36ссылка
Спасиб? дорогая! ?тебе хорошего настроен?!
ВА?/a>   обратить? по имен?/a> Четвер? 26 Мая 2016 ? 21:29 (ссылка)
Спасиб?за урок! Рамочк?редк?дела? вс?руки не дохо?? Сейчас вс?отставлю ?попробую сделат? Цитиру??благодарностью!
Ответить ?цитато?/a> ?цитатник
Sobirayu_vinograd   обратить? по имен?/a> Четвер? 02 Ию? 2016 ? 19:50 (ссылка)
Очен?признательна за интересную информацию.
Всег?наилучшего, Юл?!
Ответить ?цитато?/a> ?цитатник
Smelena   обратить? по имен?/a> Здоров? ?тниц? 12 Август?2016 ? 18:33 (ссылка)
bloginja, доброг?времен?суто? Юленьк?-)))
чере?свои?друзей попала ?тебе, не против, если на "ты"?
Чудесный дневни? стольк?всег?интересног??нужног?
просто оторвать? невозможно!
Блуждала-блуждала, ?решила, чт?ты мн?нужн?-)))
Поэтом?я ?больши?удовольствие?беру те? ?друз?...
Ты не против?
Ме? зову?Елен?
Заходи, если буде?возможност??гост?ко мн?
?всегда буду тебе рада:-)))
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

?тниц? 12 Август?2016 ? 18:40ссылка
Привет, Леночк? Конечн?же, на ТЫ буде?

?тниц? 12 Август?2016 ? 21:05ссылка
bloginja, Спасиб?большо? Юленьк?-)))
Чумаченко_Людмил?лето   обратить? по имен?/a> Четвер? 01 Ию? 2017 ? 22:20 (ссылка)
Доброг?вечера,Юленьк?..спасиб?ещ?ра?за прекрасные
урок?..цитиру?вс?урок?..спасиб?за твой труд...здоров?,
всех благ, удач???начало?летнег?сезона...
Ответить ?цитато?/a> ?цитатник
NIMVFA   обратить? по имен?/a> ?признательностью ?благодарностью Четвер? 31 Август?2017 ? 00:37 (ссылка)
Ваши урок?хочу имет??се? ?блог? разрешит?скачат? ?то я - "ноль"...
?? ва?вс?по?тн? спасиб? за таки?подробны?урок?!!
Ответить ?цитато?/a> ?цитатник
Перейт??дневнику

Четвер? 31 Август?2017 ? 13:34ссылка
?спрашивать не надо - цитиру? Удач?
Перейт??дневнику

Четвер? 07 Сентября 2017 ? 15:42ссылка
Обращайся, если чт?
 

Добавить комментари?
Текс?комментария: смайлики

Проверка орфографии: (найт?ошибки)

Прикрепить картинку:

 Переводить URL ?ссылку
 Подписаться на комментари?br />  Подписат?картинку